<template>
  <div id="app">
      <el-row class="warp">
          <el-row class="content">
               <router-view/>
          </el-row>
      </el-row>
  </div>
</template>
<script>
  
</script>
<style>
 *{
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-decoration: none;
  outline: none;
}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.warp{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  min-width: 800px;
}
.content{
  height: 100%;
}
.main-contents-box{
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0px;
  top: 0px;
  float: left;
  min-height: 500px;
}
.main-contents-main{
  width: 100%;
  min-height: 700px;
  float: left;
  height: auto;
}
</style>
